<html>
  <head>
    <title>Ant-Wars Map Generator</title>
    <link href="css/reset.css" rel="stylesheet" type="text/css">
	<link href="css/style.css" rel="stylesheet" type="text/css">
	<!-- <script src="js/jquery-pack.js" type="text/javascript"></script>-->
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script>
	<!-- <script type="text/javascript" src="js/ui.core.js"></script>
	<script type="text/javascript" src="js/ui.draggable.js"></script>
	<script type="text/javascript" src="js/ui.droppable.js"></script>-->
	<script type="text/javascript" src="js/map-configurations.js"></script>
	<script type="text/javascript" src="js/dragdrop.js"></script>
	<script src="js/jquery.alerts.js" type="text/javascript"></script>
	<link href="css/jquery.alerts.css" rel="stylesheet" type="text/css" media="screen" />
	<script type="text/javascript" src="js/jquery.qtip-1.0.0-rc3.min.js"></script> 
	<script type="text/javascript" src="js/tips.js"></script> 
  </head>
  <body>
  	<div id="wrapper">
  		<div id="map">

  		</div>
  		
  		<div id="configuration">
  			<div class="inner">
  				<div class="content">
  					<div class="signup">
  						<h2>Configuraciones Basicas</h2>
  						
  						<form class="motu-form"> 
  							<!-- <span class="form-instructions"> Fill in your info to sign up: </span>--> 
  							<fieldset class="mapConfig"> 
  								<div class="field"> 
  									<input type="text" value="" name="ancho" id="ancho" style="width:40px;" maxlength="4">
  									<input type="text" value="" name="alto" id="alto" style="width:40px;" maxlength="4">
  									<input id="defineSize" style="width:50px;margin-top:0px;" value="ok" class="submit-red">
  								</div> 
  							</fieldset> 
  							<fieldset class="name"> 
  								<div class="field"> 
  									<input type="text" value="Total de jugadores (max 5)" placeholder="" name="totalplayers" id="totalplayers"  maxlength="2" style="float: left; width: 25px"> 
  									<input id="definePlayers" style="float: left; margin-left: 10px; margin-top: 0; width: 115px;" value="Tropas" class="submit-red">
  									<div id="ant-colony" class="gray-base" title="u1"> </div>
  								</div>
  								 <div class="field" style="clear:both;"> 
  									<div class="troops"><img src="img/sword-icon-min.png" alt="warriors"/> x <span id="amountWarriors">0</span></div>
  									<div class="troops"><img src="img/Pegasus-Boot-icon-min.png" alt="scouts"/> x <span id="amountScouts">0</span></div>
  									<div class="troops"><img src="img/Gold-icon-min.png" alt="collectors"/> x <span id="amountCollectors">0</span></div>
  								</div> 
  							</fieldset> 
  							<h2>Recursos y obstaculos</h2>
  							 <fieldset class="name"> 
  								<div class="field"> 
  									<div id="ant-food" class="food" title="comida"> </div>
  									<div id="ant-block" class="block" title="bloqueos"> </div>
  									<div id="ant-erase" class="erase" title="borrador"> </div>
  								</div> 
  							</fieldset>
  							<!-- <fieldset> 
  								<div class="field"> 
  									<label class="placeholder" style="position: absolute; z-index: 20; font-size: 16px; margin-left: 17px; line-height: 43px; display: inline;">Email</label>
  									<input type="text" placeholder="" name="email"> 
  								</div> 
  							</fieldset> 
  							<fieldset> 
  								<div class="field"> 
  									<label class="placeholder" style="position: absolute; z-index: 20; font-size: 16px; margin-left: 17px; line-height: 43px; display: inline;">Password</label>
  									<input type="password" placeholder="" name="password"> 
  								</div> 
  							</fieldset> 
  							<fieldset class="phone"> 
  								<div class="field"> 
  									<label class="placeholder" style="position: absolute; z-index: 20; font-size: 16px; margin-left: 17px; line-height: 43px; display: inline;">Phone Number</label>
  									<input type="text" placeholder="" name="phone_number"> 
  								</div> 
  							</fieldset> -->
  							<fieldset> 
  								<input id="saveData"  value="Guardar Mapa" class="submit-red"> 
  								<input id="clearMap"  value="Borrar Mapa" class="submit-red"> 
  								<input id="loadMap"  value="Cargar Mapa" class="submit-red"> 
  							</fieldset> 
  						</form>	
  					</div>
  				</div>
  			</div>
  		</div>
  	</div>
  </body>
</html>